
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <script src="iconfont.js"></script>

    <style type="text/css">
        .icon {
          /* 通过设置 font-size 来改变图标大小 */
          width: 1em; height: 1em;
          /* 图标和文字相邻时，垂直对齐 */
          vertical-align: -0.15em;
          /* 通过设置 color 来改变 SVG 的颜色/fill */
          fill: currentColor;
          /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
             normalize.css 中也包含这行 */
          overflow: hidden;
        }

    </style>
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tubiao06"></use>
                    </svg>
                    <div class="name">close</div>
                    <div class="fontclass">#icon-tubiao06</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yishujia"></use>
                    </svg>
                    <div class="name">艺术家</div>
                    <div class="fontclass">#icon-yishujia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bottom2"></use>
                    </svg>
                    <div class="name">bottom</div>
                    <div class="fontclass">#icon-bottom2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiandingzhengshu"></use>
                    </svg>
                    <div class="name">鉴定证书</div>
                    <div class="fontclass">#icon-jiandingzhengshu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quanbu1"></use>
                    </svg>
                    <div class="name">全部1</div>
                    <div class="fontclass">#icon-quanbu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhanghaoshezhi"></use>
                    </svg>
                    <div class="name">zhanghaoshezhi</div>
                    <div class="fontclass">#icon-zhanghaoshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-put_away"></use>
                    </svg>
                    <div class="name">put_away</div>
                    <div class="fontclass">#icon-put_away</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-thumbs_up"></use>
                    </svg>
                    <div class="name">thumbs_up</div>
                    <div class="fontclass">#icon-thumbs_up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-message"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#icon-message</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sound1"></use>
                    </svg>
                    <div class="name">sound</div>
                    <div class="fontclass">#icon-sound1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mute"></use>
                    </svg>
                    <div class="name">mute</div>
                    <div class="fontclass">#icon-mute</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-left1"></use>
                    </svg>
                    <div class="name">left</div>
                    <div class="fontclass">#icon-left1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-right1"></use>
                    </svg>
                    <div class="name">right</div>
                    <div class="fontclass">#icon-right1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-add_to"></use>
                    </svg>
                    <div class="name">add_to</div>
                    <div class="fontclass">#icon-add_to</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-detail"></use>
                    </svg>
                    <div class="name">detail</div>
                    <div class="fontclass">#icon-detail</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-adding_works"></use>
                    </svg>
                    <div class="name">adding_works</div>
                    <div class="fontclass">#icon-adding_works</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-delete"></use>
                    </svg>
                    <div class="name">delete</div>
                    <div class="fontclass">#icon-delete</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-embedded"></use>
                    </svg>
                    <div class="name">embedded</div>
                    <div class="fontclass">#icon-embedded</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-error_message"></use>
                    </svg>
                    <div class="name">error_message</div>
                    <div class="fontclass">#icon-error_message</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-label"></use>
                    </svg>
                    <div class="name">label</div>
                    <div class="fontclass">#icon-label</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit"></use>
                    </svg>
                    <div class="name">edit</div>
                    <div class="fontclass">#icon-edit</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-logo"></use>
                    </svg>
                    <div class="name">logo</div>
                    <div class="fontclass">#icon-logo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prompt_caveat"></use>
                    </svg>
                    <div class="name">prompt_caveat</div>
                    <div class="fontclass">#icon-prompt_caveat</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prompt_correct"></use>
                    </svg>
                    <div class="name">prompt_correct</div>
                    <div class="fontclass">#icon-prompt_correct</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pageviews"></use>
                    </svg>
                    <div class="name">pageviews</div>
                    <div class="fontclass">#icon-pageviews</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prompt_error"></use>
                    </svg>
                    <div class="name">prompt_error</div>
                    <div class="fontclass">#icon-prompt_error</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-set"></use>
                    </svg>
                    <div class="name">set</div>
                    <div class="fontclass">#icon-set</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-share"></use>
                    </svg>
                    <div class="name">share</div>
                    <div class="fontclass">#icon-share</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-window_closes"></use>
                    </svg>
                    <div class="name">window_closes</div>
                    <div class="fontclass">#icon-window_closes</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_default"></use>
                    </svg>
                    <div class="name">edit_default</div>
                    <div class="fontclass">#icon-edit_default</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_overlooking"></use>
                    </svg>
                    <div class="name">edit_overlooking</div>
                    <div class="fontclass">#icon-edit_overlooking</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_full_screen"></use>
                    </svg>
                    <div class="name">edit_full_screen</div>
                    <div class="fontclass">#icon-edit_full_screen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_perspective"></use>
                    </svg>
                    <div class="name">edit_perspective</div>
                    <div class="fontclass">#icon-edit_perspective</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rotate"></use>
                    </svg>
                    <div class="name">rotate</div>
                    <div class="fontclass">#icon-rotate</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_roaming"></use>
                    </svg>
                    <div class="name">edit_roaming</div>
                    <div class="fontclass">#icon-edit_roaming</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-horizontal_flip"></use>
                    </svg>
                    <div class="name">horizontal_flip</div>
                    <div class="fontclass">#icon-horizontal_flip</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-vertical_flip"></use>
                    </svg>
                    <div class="name">vertical_flip</div>
                    <div class="fontclass">#icon-vertical_flip</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-rotation"></use>
                    </svg>
                    <div class="name">rotation</div>
                    <div class="fontclass">#icon-rotation</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_move"></use>
                    </svg>
                    <div class="name">edit_move</div>
                    <div class="fontclass">#icon-edit_move</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-define"></use>
                    </svg>
                    <div class="name">define</div>
                    <div class="fontclass">#icon-define</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-list_close"></use>
                    </svg>
                    <div class="name">list_close</div>
                    <div class="fontclass">#icon-list_close</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_zoom"></use>
                    </svg>
                    <div class="name">edit_zoom</div>
                    <div class="fontclass">#icon-edit_zoom</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-list"></use>
                    </svg>
                    <div class="name">list</div>
                    <div class="fontclass">#icon-list</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tab_art_exhibition"></use>
                    </svg>
                    <div class="name">tab_art_exhibition</div>
                    <div class="fontclass">#icon-tab_art_exhibition</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tab_personal_center"></use>
                    </svg>
                    <div class="name">tab_personal_center</div>
                    <div class="fontclass">#icon-tab_personal_center</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tab_statistics"></use>
                    </svg>
                    <div class="name">tab_statistics</div>
                    <div class="fontclass">#icon-tab_statistics</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tab_works"></use>
                    </svg>
                    <div class="name">tab_works</div>
                    <div class="fontclass">#icon-tab_works</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-copy"></use>
                    </svg>
                    <div class="name">copy</div>
                    <div class="fontclass">#icon-copy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_plan"></use>
                    </svg>
                    <div class="name">edit_plan</div>
                    <div class="fontclass">#icon-edit_plan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_overlooking1"></use>
                    </svg>
                    <div class="name">edit_overlooking</div>
                    <div class="fontclass">#icon-edit_overlooking1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-delete1"></use>
                    </svg>
                    <div class="name">delete</div>
                    <div class="fontclass">#icon-delete1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-drop_out"></use>
                    </svg>
                    <div class="name">drop_out</div>
                    <div class="fontclass">#icon-drop_out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-add"></use>
                    </svg>
                    <div class="name">add</div>
                    <div class="fontclass">#icon-add</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit_screenshot"></use>
                    </svg>
                    <div class="name">edit_screenshot</div>
                    <div class="fontclass">#icon-edit_screenshot</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-set_up"></use>
                    </svg>
                    <div class="name">set_up</div>
                    <div class="fontclass">#icon-set_up</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-right"></use>
                    </svg>
                    <div class="name">right</div>
                    <div class="fontclass">#icon-right</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-play"></use>
                    </svg>
                    <div class="name">play</div>
                    <div class="fontclass">#icon-play</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-left"></use>
                    </svg>
                    <div class="name">left</div>
                    <div class="fontclass">#icon-left</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-move"></use>
                    </svg>
                    <div class="name">move</div>
                    <div class="fontclass">#icon-move</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-_"></use>
                    </svg>
                    <div class="name">2_3</div>
                    <div class="fontclass">#icon-_</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-_1"></use>
                    </svg>
                    <div class="name">1_1</div>
                    <div class="fontclass">#icon-_1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-_2"></use>
                    </svg>
                    <div class="name">4_3</div>
                    <div class="fontclass">#icon-_2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-_3"></use>
                    </svg>
                    <div class="name">9_16</div>
                    <div class="fontclass">#icon-_3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-_4"></use>
                    </svg>
                    <div class="name">3_2</div>
                    <div class="fontclass">#icon-_4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-_5"></use>
                    </svg>
                    <div class="name">3_4</div>
                    <div class="fontclass">#icon-_5</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-_6"></use>
                    </svg>
                    <div class="name">16_9</div>
                    <div class="fontclass">#icon-_6</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-free"></use>
                    </svg>
                    <div class="name">free</div>
                    <div class="fontclass">#icon-free</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sign_out"></use>
                    </svg>
                    <div class="name">sign_out</div>
                    <div class="fontclass">#icon-sign_out</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tutorial"></use>
                    </svg>
                    <div class="name">tutorial</div>
                    <div class="fontclass">#icon-tutorial</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-set1"></use>
                    </svg>
                    <div class="name">set</div>
                    <div class="fontclass">#icon-set1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-logo1"></use>
                    </svg>
                    <div class="name">logo</div>
                    <div class="fontclass">#icon-logo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-artwork_management"></use>
                    </svg>
                    <div class="name">artwork_management</div>
                    <div class="fontclass">#icon-artwork_management</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-preview"></use>
                    </svg>
                    <div class="name">preview</div>
                    <div class="fontclass">#icon-preview</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-virtual_exhibition"></use>
                    </svg>
                    <div class="name">virtual_exhibition</div>
                    <div class="fontclass">#icon-virtual_exhibition</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-online_gallery"></use>
                    </svg>
                    <div class="name">online_gallery</div>
                    <div class="fontclass">#icon-online_gallery</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-statistics"></use>
                    </svg>
                    <div class="name">statistics</div>
                    <div class="fontclass">#icon-statistics</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-play2"></use>
                    </svg>
                    <div class="name">play</div>
                    <div class="fontclass">#icon-play2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-data"></use>
                    </svg>
                    <div class="name">data</div>
                    <div class="fontclass">#icon-data</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-works"></use>
                    </svg>
                    <div class="name">works</div>
                    <div class="fontclass">#icon-works</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-share1"></use>
                    </svg>
                    <div class="name">share</div>
                    <div class="fontclass">#icon-share1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-exhibition"></use>
                    </svg>
                    <div class="name">exhibition</div>
                    <div class="fontclass">#icon-exhibition</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-blank_page"></use>
                    </svg>
                    <div class="name">blank_page</div>
                    <div class="fontclass">#icon-blank_page</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-back_top"></use>
                    </svg>
                    <div class="name">back_top</div>
                    <div class="fontclass">#icon-back_top</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-list_"></use>
                    </svg>
                    <div class="name">list_2</div>
                    <div class="fontclass">#icon-list_</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-add_work"></use>
                    </svg>
                    <div class="name">add_work</div>
                    <div class="fontclass">#icon-add_work</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-list_1"></use>
                    </svg>
                    <div class="name">list_1</div>
                    <div class="fontclass">#icon-list_1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-back"></use>
                    </svg>
                    <div class="name">back</div>
                    <div class="fontclass">#icon-back</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gou"></use>
                    </svg>
                    <div class="name">gou</div>
                    <div class="fontclass">#icon-gou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-text"></use>
                    </svg>
                    <div class="name">text</div>
                    <div class="fontclass">#icon-text</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kongjian"></use>
                    </svg>
                    <div class="name">kongjian</div>
                    <div class="fontclass">#icon-kongjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-douban"></use>
                    </svg>
                    <div class="name">douban</div>
                    <div class="fontclass">#icon-douban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibo"></use>
                    </svg>
                    <div class="name">weibo</div>
                    <div class="fontclass">#icon-weibo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-linying"></use>
                    </svg>
                    <div class="name">linying</div>
                    <div class="fontclass">#icon-linying</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weixin"></use>
                    </svg>
                    <div class="name">weixin</div>
                    <div class="fontclass">#icon-weixin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qq"></use>
                    </svg>
                    <div class="name">qq</div>
                    <div class="fontclass">#icon-qq</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-vr"></use>
                    </svg>
                    <div class="name">vr</div>
                    <div class="fontclass">#icon-vr</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-work"></use>
                    </svg>
                    <div class="name">work</div>
                    <div class="fontclass">#icon-work</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hall"></use>
                    </svg>
                    <div class="name">hall</div>
                    <div class="fontclass">#icon-hall</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-preview1"></use>
                    </svg>
                    <div class="name">preview</div>
                    <div class="fontclass">#icon-preview1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-help"></use>
                    </svg>
                    <div class="name">help</div>
                    <div class="fontclass">#icon-help</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-save"></use>
                    </svg>
                    <div class="name">save</div>
                    <div class="fontclass">#icon-save</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-statistics1"></use>
                    </svg>
                    <div class="name">statistics</div>
                    <div class="fontclass">#icon-statistics1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-artwork_management1"></use>
                    </svg>
                    <div class="name">artwork_management</div>
                    <div class="fontclass">#icon-artwork_management1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-preview2"></use>
                    </svg>
                    <div class="name">preview</div>
                    <div class="fontclass">#icon-preview2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-virtual_exhibition1"></use>
                    </svg>
                    <div class="name">virtual_exhibition</div>
                    <div class="fontclass">#icon-virtual_exhibition1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-open_eye"></use>
                    </svg>
                    <div class="name">open_eye</div>
                    <div class="fontclass">#icon-open_eye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-close_eye"></use>
                    </svg>
                    <div class="name">close_eye</div>
                    <div class="fontclass">#icon-close_eye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-close"></use>
                    </svg>
                    <div class="name">close</div>
                    <div class="fontclass">#icon-close</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-search"></use>
                    </svg>
                    <div class="name">search</div>
                    <div class="fontclass">#icon-search</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prompt"></use>
                    </svg>
                    <div class="name">prompt</div>
                    <div class="fontclass">#icon-prompt</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-display"></use>
                    </svg>
                    <div class="name">display</div>
                    <div class="fontclass">#icon-display</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-keyboard_direction"></use>
                    </svg>
                    <div class="name">keyboard_direction</div>
                    <div class="fontclass">#icon-keyboard_direction</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mouse_"></use>
                    </svg>
                    <div class="name">mouse_2</div>
                    <div class="fontclass">#icon-mouse_</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mouse_1"></use>
                    </svg>
                    <div class="name">mouse_3</div>
                    <div class="fontclass">#icon-mouse_1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mouse_2"></use>
                    </svg>
                    <div class="name">mouse_1</div>
                    <div class="fontclass">#icon-mouse_2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-help1"></use>
                    </svg>
                    <div class="name">help</div>
                    <div class="fontclass">#icon-help1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-cut"></use>
                    </svg>
                    <div class="name">cut</div>
                    <div class="fontclass">#icon-cut</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-folder"></use>
                    </svg>
                    <div class="name">folder</div>
                    <div class="fontclass">#icon-folder</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-less"></use>
                    </svg>
                    <div class="name">less</div>
                    <div class="fontclass">#icon-less</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-plus"></use>
                    </svg>
                    <div class="name">plus</div>
                    <div class="fontclass">#icon-plus</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-time"></use>
                    </svg>
                    <div class="name">time</div>
                    <div class="fontclass">#icon-time</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sound"></use>
                    </svg>
                    <div class="name">sound</div>
                    <div class="fontclass">#icon-sound</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-exhibitors"></use>
                    </svg>
                    <div class="name">exhibitors</div>
                    <div class="fontclass">#icon-exhibitors</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shaixuan"></use>
                    </svg>
                    <div class="name">筛选</div>
                    <div class="fontclass">#icon-shaixuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bi"></use>
                    </svg>
                    <div class="name">笔</div>
                    <div class="fontclass">#icon-bi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-positioning"></use>
                    </svg>
                    <div class="name">positioning</div>
                    <div class="fontclass">#icon-positioning</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-full_screen"></use>
                    </svg>
                    <div class="name">full_screen</div>
                    <div class="fontclass">#icon-full_screen</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-play1"></use>
                    </svg>
                    <div class="name">play</div>
                    <div class="fontclass">#icon-play1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hook"></use>
                    </svg>
                    <div class="name">hook</div>
                    <div class="fontclass">#icon-hook</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pause"></use>
                    </svg>
                    <div class="name">pause</div>
                    <div class="fontclass">#icon-pause</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-help2"></use>
                    </svg>
                    <div class="name">help</div>
                    <div class="fontclass">#icon-help2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shut_down"></use>
                    </svg>
                    <div class="name">shut_down</div>
                    <div class="fontclass">#icon-shut_down</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-retracted"></use>
                    </svg>
                    <div class="name">retracted</div>
                    <div class="fontclass">#icon-retracted</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tour"></use>
                    </svg>
                    <div class="name">tour</div>
                    <div class="fontclass">#icon-tour</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-logo2"></use>
                    </svg>
                    <div class="name">logo</div>
                    <div class="fontclass">#icon-logo2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-swipe"></use>
                    </svg>
                    <div class="name">swipe</div>
                    <div class="fontclass">#icon-swipe</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-slide"></use>
                    </svg>
                    <div class="name">slide</div>
                    <div class="fontclass">#icon-slide</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-location_normal"></use>
                    </svg>
                    <div class="name">icon_location_normal</div>
                    <div class="fontclass">#icon-location_normal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_logo"></use>
                    </svg>
                    <div class="name">icon_logo2</div>
                    <div class="fontclass">#icon-icon_logo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_yes_press"></use>
                    </svg>
                    <div class="name">icon_yes_press</div>
                    <div class="fontclass">#icon-icon_yes_press</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_yes_normal"></use>
                    </svg>
                    <div class="name">icon_yes_normal</div>
                    <div class="fontclass">#icon-icon_yes_normal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_yes_normal1"></use>
                    </svg>
                    <div class="name">icon_yes_normal</div>
                    <div class="fontclass">#icon-icon_yes_normal1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zan"></use>
                    </svg>
                    <div class="name">赞</div>
                    <div class="fontclass">#icon-zan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_D"></use>
                    </svg>
                    <div class="name">icon_3D</div>
                    <div class="fontclass">#icon-icon_D</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_D1"></use>
                    </svg>
                    <div class="name">icon_2D</div>
                    <div class="fontclass">#icon-icon_D1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_changjing"></use>
                    </svg>
                    <div class="name">icon_changjing</div>
                    <div class="fontclass">#icon-icon_changjing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanhui-"></use>
                    </svg>
                    <div class="name">返回</div>
                    <div class="fontclass">#icon-fanhui-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_share_normal"></use>
                    </svg>
                    <div class="name">分享</div>
                    <div class="fontclass">#icon-icon_share_normal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-D1"></use>
                    </svg>
                    <div class="name">3D</div>
                    <div class="fontclass">#icon-D1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhifubao"></use>
                    </svg>
                    <div class="name">支付宝</div>
                    <div class="fontclass">#icon-zhifubao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhuanyeban"></use>
                    </svg>
                    <div class="name">专业版</div>
                    <div class="fontclass">#icon-zhuanyeban</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianhua"></use>
                    </svg>
                    <div class="name">电话</div>
                    <div class="fontclass">#icon-dianhua</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-maiyisongyi"></use>
                    </svg>
                    <div class="name">买一送一</div>
                    <div class="fontclass">#icon-maiyisongyi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_dianji"></use>
                    </svg>
                    <div class="name">icon_点击</div>
                    <div class="fontclass">#icon-icon_dianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_photo"></use>
                    </svg>
                    <div class="name">icon_photo</div>
                    <div class="fontclass">#icon-icon_photo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_zhipai"></use>
                    </svg>
                    <div class="name">icon_指派</div>
                    <div class="fontclass">#icon-icon_zhipai</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_none"></use>
                    </svg>
                    <div class="name">icon_none</div>
                    <div class="fontclass">#icon-icon_none</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-suofang"></use>
                    </svg>
                    <div class="name">缩放</div>
                    <div class="fontclass">#icon-suofang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_back_normal"></use>
                    </svg>
                    <div class="name">icon_back_normal</div>
                    <div class="fontclass">#icon-icon_back_normal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengduo"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#icon-gengduo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_more_normal1"></use>
                    </svg>
                    <div class="name">icon_more_normal</div>
                    <div class="fontclass">#icon-icon_more_normal1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_help_normal1"></use>
                    </svg>
                    <div class="name">icon_help_normal</div>
                    <div class="fontclass">#icon-icon_help_normal1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_delete"></use>
                    </svg>
                    <div class="name">icon_delete</div>
                    <div class="fontclass">#icon-icon_delete</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_vr"></use>
                    </svg>
                    <div class="name">icon_vr</div>
                    <div class="fontclass">#icon-icon_vr</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fabu-"></use>
                    </svg>
                    <div class="name">发布-2</div>
                    <div class="fontclass">#icon-fabu-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_manyou_normal"></use>
                    </svg>
                    <div class="name">漫游</div>
                    <div class="fontclass">#icon-icon_manyou_normal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fabu-1"></use>
                    </svg>
                    <div class="name">发布-2</div>
                    <div class="fontclass">#icon-fabu-1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_zan"></use>
                    </svg>
                    <div class="name">icon_zan</div>
                    <div class="fontclass">#icon-icon_zan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_zhipai1"></use>
                    </svg>
                    <div class="name">icon_指派</div>
                    <div class="fontclass">#icon-icon_zhipai1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-blank_page1"></use>
                    </svg>
                    <div class="name">icon_none_red</div>
                    <div class="fontclass">#icon-blank_page1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_zhuanyeguan"></use>
                    </svg>
                    <div class="name">icon_zhuanyeguan</div>
                    <div class="fontclass">#icon-icon_zhuanyeguan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_finish_normal"></use>
                    </svg>
                    <div class="name">icon_finish_normal</div>
                    <div class="fontclass">#icon-icon_finish_normal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhanshiting"></use>
                    </svg>
                    <div class="name">展示厅</div>
                    <div class="fontclass">#icon-zhanshiting</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-WePayLogo"></use>
                    </svg>
                    <div class="name">WePayLogo</div>
                    <div class="fontclass">#icon-WePayLogo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_scan"></use>
                    </svg>
                    <div class="name">icon_scan</div>
                    <div class="fontclass">#icon-icon_scan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-circle"></use>
                    </svg>
                    <div class="name">circle</div>
                    <div class="fontclass">#icon-circle</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_yijianbuzhan_no"></use>
                    </svg>
                    <div class="name">一键布展</div>
                    <div class="fontclass">#icon-icon_yijianbuzhan_no</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-btn_zhifubao"></use>
                    </svg>
                    <div class="name">支付宝支付</div>
                    <div class="fontclass">#icon-btn_zhifubao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_zhifubao"></use>
                    </svg>
                    <div class="name">icon_zhifubao</div>
                    <div class="fontclass">#icon-icon_zhifubao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_change_normal"></use>
                    </svg>
                    <div class="name">icon_change_normal</div>
                    <div class="fontclass">#icon-icon_change_normal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-erweima"></use>
                    </svg>
                    <div class="name">二维码</div>
                    <div class="fontclass">#icon-erweima</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangda"></use>
                    </svg>
                    <div class="name">放大</div>
                    <div class="fontclass">#icon-fangda</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-suoxiao"></use>
                    </svg>
                    <div class="name">缩小</div>
                    <div class="fontclass">#icon-suoxiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-logo3"></use>
                    </svg>
                    <div class="name">logo</div>
                    <div class="fontclass">#icon-logo3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tuichu"></use>
                    </svg>
                    <div class="name">退出</div>
                    <div class="fontclass">#icon-tuichu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gerenziliao"></use>
                    </svg>
                    <div class="name">个人资料</div>
                    <div class="fontclass">#icon-gerenziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zanwuguanzhu"></use>
                    </svg>
                    <div class="name">暂无关注</div>
                    <div class="fontclass">#icon-zanwuguanzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yishoucang"></use>
                    </svg>
                    <div class="name">已收藏</div>
                    <div class="fontclass">#icon-yishoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoucang"></use>
                    </svg>
                    <div class="name">收藏</div>
                    <div class="fontclass">#icon-shoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bofang"></use>
                    </svg>
                    <div class="name">播放</div>
                    <div class="fontclass">#icon-bofang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shipin"></use>
                    </svg>
                    <div class="name">视频</div>
                    <div class="fontclass">#icon-shipin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jinzhi"></use>
                    </svg>
                    <div class="name">禁止</div>
                    <div class="fontclass">#icon-jinzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shengji1"></use>
                    </svg>
                    <div class="name">升级</div>
                    <div class="fontclass">#icon-shengji1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huakuangshezhi"></use>
                    </svg>
                    <div class="name">画框设置</div>
                    <div class="fontclass">#icon-huakuangshezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shipin1"></use>
                    </svg>
                    <div class="name">视频</div>
                    <div class="fontclass">#icon-shipin1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuopin"></use>
                    </svg>
                    <div class="name">作品</div>
                    <div class="fontclass">#icon-zuopin</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziliao"></use>
                    </svg>
                    <div class="name">资料</div>
                    <div class="fontclass">#icon-ziliao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shipinxuanzhong"></use>
                    </svg>
                    <div class="name">视频（选中）</div>
                    <div class="fontclass">#icon-shipinxuanzhong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouye"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#icon-shouye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuzhi-"></use>
                    </svg>
                    <div class="name">复制</div>
                    <div class="fontclass">#icon-fuzhi-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yulan-xuanzhuan"></use>
                    </svg>
                    <div class="name">旋转</div>
                    <div class="fontclass">#icon-yulan-xuanzhuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jiegou"></use>
                    </svg>
                    <div class="name">结构</div>
                    <div class="fontclass">#icon-jiegou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sanjiao"></use>
                    </svg>
                    <div class="name">三角</div>
                    <div class="fontclass">#icon-sanjiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-banquan"></use>
                    </svg>
                    <div class="name">版权</div>
                    <div class="fontclass">#icon-banquan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pingmian"></use>
                    </svg>
                    <div class="name">平面</div>
                    <div class="fontclass">#icon-pingmian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhengwuxietong"></use>
                    </svg>
                    <div class="name">共享</div>
                    <div class="fontclass">#icon-zhengwuxietong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_share_normal1"></use>
                    </svg>
                    <div class="name">icon_share_normal</div>
                    <div class="fontclass">#icon-icon_share_normal1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wodezhanghu"></use>
                    </svg>
                    <div class="name">我的账户</div>
                    <div class="fontclass">#icon-wodezhanghu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gerengongkaiye"></use>
                    </svg>
                    <div class="name">个人公开页</div>
                    <div class="fontclass">#icon-gerengongkaiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-banquanzhuce"></use>
                    </svg>
                    <div class="name">版权注册</div>
                    <div class="fontclass">#icon-banquanzhuce</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_move_normal"></use>
                    </svg>
                    <div class="name">icon_move_normal</div>
                    <div class="fontclass">#icon-icon_move_normal</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shezhi"></use>
                    </svg>
                    <div class="name">设置</div>
                    <div class="fontclass">#icon-shezhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wodezhanghu1"></use>
                    </svg>
                    <div class="name">我的账户</div>
                    <div class="fontclass">#icon-wodezhanghu1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xinshoubangzhu"></use>
                    </svg>
                    <div class="name">新手帮助</div>
                    <div class="fontclass">#icon-xinshoubangzhu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-chuangjian"></use>
                    </svg>
                    <div class="name">创建2</div>
                    <div class="fontclass">#icon-chuangjian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengduo1"></use>
                    </svg>
                    <div class="name">更多2</div>
                    <div class="fontclass">#icon-gengduo1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guanbi"></use>
                    </svg>
                    <div class="name">关闭</div>
                    <div class="fontclass">#icon-guanbi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qingchu"></use>
                    </svg>
                    <div class="name">清除</div>
                    <div class="fontclass">#icon-qingchu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gengduo11"></use>
                    </svg>
                    <div class="name">更多</div>
                    <div class="fontclass">#icon-gengduo11</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongxiang"></use>
                    </svg>
                    <div class="name">共享</div>
                    <div class="fontclass">#icon-gongxiang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liuzhuan"></use>
                    </svg>
                    <div class="name">流转 </div>
                    <div class="fontclass">#icon-liuzhuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-qingkong"></use>
                    </svg>
                    <div class="name">清空</div>
                    <div class="fontclass">#icon-qingkong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouhui"></use>
                    </svg>
                    <div class="name">收回</div>
                    <div class="fontclass">#icon-shouhui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-sousuo"></use>
                    </svg>
                    <div class="name">搜索</div>
                    <div class="fontclass">#icon-sousuo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiala"></use>
                    </svg>
                    <div class="name">下拉</div>
                    <div class="fontclass">#icon-xiala</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxi"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#icon-xiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyouhuazhanhuise"></use>
                    </svg>
                    <div class="name">没有画展（灰色）</div>
                    <div class="fontclass">#icon-meiyouhuazhanhuise</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyouhuazhanlanse"></use>
                    </svg>
                    <div class="name">没有画展（蓝色）</div>
                    <div class="fontclass">#icon-meiyouhuazhanlanse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyoubanquanhuise"></use>
                    </svg>
                    <div class="name">没有版权（灰色）</div>
                    <div class="fontclass">#icon-meiyoubanquanhuise</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyoushoucang"></use>
                    </svg>
                    <div class="name">没有收藏</div>
                    <div class="fontclass">#icon-meiyoushoucang</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyoubanquanlanse"></use>
                    </svg>
                    <div class="name">没有版权（蓝色）</div>
                    <div class="fontclass">#icon-meiyoubanquanlanse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyougoumaijilu"></use>
                    </svg>
                    <div class="name">没有购买记录</div>
                    <div class="fontclass">#icon-meiyougoumaijilu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyoushujutongji"></use>
                    </svg>
                    <div class="name">没有数据统计</div>
                    <div class="fontclass">#icon-meiyoushujutongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyoushipinlanse"></use>
                    </svg>
                    <div class="name">没有视频（蓝色）</div>
                    <div class="fontclass">#icon-meiyoushipinlanse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyouxiaoxi"></use>
                    </svg>
                    <div class="name">没有消息</div>
                    <div class="fontclass">#icon-meiyouxiaoxi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyoushipinhuise"></use>
                    </svg>
                    <div class="name">没有视频（灰色）</div>
                    <div class="fontclass">#icon-meiyoushipinhuise</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyouyishujiahuise"></use>
                    </svg>
                    <div class="name">没有艺术家（灰色）</div>
                    <div class="fontclass">#icon-meiyouyishujiahuise</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyouyishujialanse"></use>
                    </svg>
                    <div class="name">没有艺术家（蓝色）</div>
                    <div class="fontclass">#icon-meiyouyishujialanse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyouzuopinhuise"></use>
                    </svg>
                    <div class="name">没有作品（灰色）</div>
                    <div class="fontclass">#icon-meiyouzuopinhuise</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meiyouzuopinlanse"></use>
                    </svg>
                    <div class="name">没有作品（蓝色）</div>
                    <div class="fontclass">#icon-meiyouzuopinlanse</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fanhui"></use>
                    </svg>
                    <div class="name">返回</div>
                    <div class="fontclass">#icon-fanhui</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-tianjia"></use>
                    </svg>
                    <div class="name">添加</div>
                    <div class="fontclass">#icon-tianjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gou1"></use>
                    </svg>
                    <div class="name">gou</div>
                    <div class="fontclass">#icon-gou1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_location_press1"></use>
                    </svg>
                    <div class="name">icon_location_press</div>
                    <div class="fontclass">#icon-icon_location_press1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-banquan1"></use>
                    </svg>
                    <div class="name">版权</div>
                    <div class="fontclass">#icon-banquan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-gongxiang1"></use>
                    </svg>
                    <div class="name">共享</div>
                    <div class="fontclass">#icon-gongxiang1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yidong"></use>
                    </svg>
                    <div class="name">移动</div>
                    <div class="fontclass">#icon-yidong</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-xiaoxi1"></use>
                    </svg>
                    <div class="name">消息</div>
                    <div class="fontclass">#icon-xiaoxi1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-huazhan"></use>
                    </svg>
                    <div class="name">画展</div>
                    <div class="fontclass">#icon-huazhan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouye1"></use>
                    </svg>
                    <div class="name">首页</div>
                    <div class="fontclass">#icon-shouye1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shujutongji"></use>
                    </svg>
                    <div class="name">数据统计</div>
                    <div class="fontclass">#icon-shujutongji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wode"></use>
                    </svg>
                    <div class="name">我的</div>
                    <div class="fontclass">#icon-wode</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-wenjianjia"></use>
                    </svg>
                    <div class="name">文件夹</div>
                    <div class="fontclass">#icon-wenjianjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zuopin1"></use>
                    </svg>
                    <div class="name">作品</div>
                    <div class="fontclass">#icon-zuopin1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-banquanguanli"></use>
                    </svg>
                    <div class="name">版权管理</div>
                    <div class="fontclass">#icon-banquanguanli</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bianji"></use>
                    </svg>
                    <div class="name">编辑</div>
                    <div class="fontclass">#icon-bianji</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dengkuan"></use>
                    </svg>
                    <div class="name">等宽</div>
                    <div class="fontclass">#icon-dengkuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pubuliu"></use>
                    </svg>
                    <div class="name">瀑布流</div>
                    <div class="fontclass">#icon-pubuliu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-liebiao"></use>
                    </svg>
                    <div class="name">列表</div>
                    <div class="fontclass">#icon-liebiao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fensishu"></use>
                    </svg>
                    <div class="name">粉丝数</div>
                    <div class="fontclass">#icon-fensishu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon_r"></use>
                    </svg>
                    <div class="name">艺维图标大合集_画板 1 副本 5</div>
                    <div class="fontclass">#icon-icon_r</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiweitubiaodaheji-"></use>
                    </svg>
                    <div class="name">full_aixin</div>
                    <div class="fontclass">#icon-yiweitubiaodaheji-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiweitubiaodaheji-3"></use>
                    </svg>
                    <div class="name">full_xingxing</div>
                    <div class="fontclass">#icon-yiweitubiaodaheji-3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiweitubiaodaheji-4"></use>
                    </svg>
                    <div class="name">full_KAN</div>
                    <div class="fontclass">#icon-yiweitubiaodaheji-4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiweitubiaodaheji--copy1"></use>
                    </svg>
                    <div class="name">full_zan</div>
                    <div class="fontclass">#icon-yiweitubiaodaheji--copy1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiweitubiaodaheji-6"></use>
                    </svg>
                    <div class="name">full_chazhao</div>
                    <div class="fontclass">#icon-yiweitubiaodaheji-6</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiweitubiaodaheji-7"></use>
                    </svg>
                    <div class="name">full_xinxi</div>
                    <div class="fontclass">#icon-yiweitubiaodaheji-7</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiweitubiaodaheji-8"></use>
                    </svg>
                    <div class="name">full_hualang</div>
                    <div class="fontclass">#icon-yiweitubiaodaheji-8</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiweitubiaodaheji-9"></use>
                    </svg>
                    <div class="name">full_shaoerguan</div>
                    <div class="fontclass">#icon-yiweitubiaodaheji-9</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yiweitubiaodaheji-10"></use>
                    </svg>
                    <div class="name">full_shoucangjia</div>
                    <div class="fontclass">#icon-yiweitubiaodaheji-10</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti--"></use>
                    </svg>
                    <div class="name">full_yishujia</div>
                    <div class="fontclass">#icon-weibiaoti--</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-weibiaoti-"></use>
                    </svg>
                    <div class="name">full_meishuguan</div>
                    <div class="fontclass">#icon-weibiaoti-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shijian"></use>
                    </svg>
                    <div class="name">full_time</div>
                    <div class="fontclass">#icon-shijian</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-realiboxtubiaodaheji-"></use>
                    </svg>
                    <div class="name">full_shaixuan</div>
                    <div class="fontclass">#icon-realiboxtubiaodaheji-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon--"></use>
                    </svg>
                    <div class="name">3dguan</div>
                    <div class="fontclass">#icon--</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon--1"></use>
                    </svg>
                    <div class="name">kan</div>
                    <div class="fontclass">#icon--1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shuju-"></use>
                    </svg>
                    <div class="name">shuju</div>
                    <div class="fontclass">#icon-shuju-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-quanbu"></use>
                    </svg>
                    <div class="name">quanbu</div>
                    <div class="fontclass">#icon-quanbu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shoucanjia"></use>
                    </svg>
                    <div class="name">shoucanjia</div>
                    <div class="fontclass">#icon-shoucanjia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-icon-yishujia"></use>
                    </svg>
                    <div class="name">yishujia</div>
                    <div class="fontclass">#icon-icon-yishujia</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-hualan"></use>
                    </svg>
                    <div class="name">hualan</div>
                    <div class="fontclass">#icon-hualan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shaoerguan"></use>
                    </svg>
                    <div class="name">shaoerguan</div>
                    <div class="fontclass">#icon-shaoerguan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-line_quanbu"></use>
                    </svg>
                    <div class="name">line_quanbu</div>
                    <div class="fontclass">#icon-line_quanbu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-line_time"></use>
                    </svg>
                    <div class="name">line_time</div>
                    <div class="fontclass">#icon-line_time</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-line_zan"></use>
                    </svg>
                    <div class="name">line_zan</div>
                    <div class="fontclass">#icon-line_zan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-line_kan"></use>
                    </svg>
                    <div class="name">line_kan</div>
                    <div class="fontclass">#icon-line_kan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-line-xingxing"></use>
                    </svg>
                    <div class="name">line-xingxing</div>
                    <div class="fontclass">#icon-line-xingxing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-meishugaun"></use>
                    </svg>
                    <div class="name">meishugaun</div>
                    <div class="fontclass">#icon-meishugaun</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-show"></use>
                    </svg>
                    <div class="name">艺维图标大合集-82</div>
                    <div class="fontclass">#icon-show</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fans"></use>
                    </svg>
                    <div class="name">艺维图标大合集-83</div>
                    <div class="fontclass">#icon-fans</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-art"></use>
                    </svg>
                    <div class="name">未标题-2-02</div>
                    <div class="fontclass">#icon-art</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-buy"></use>
                    </svg>
                    <div class="name">buy</div>
                    <div class="fontclass">#icon-buy</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-jigou"></use>
                    </svg>
                    <div class="name">jigou</div>
                    <div class="fontclass">#icon-jigou</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-home"></use>
                    </svg>
                    <div class="name">home</div>
                    <div class="fontclass">#icon-home</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-my"></use>
                    </svg>
                    <div class="name">my</div>
                    <div class="fontclass">#icon-my</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-logo4"></use>
                    </svg>
                    <div class="name">logo</div>
                    <div class="fontclass">#icon-logo4</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-saoyisao"></use>
                    </svg>
                    <div class="name">saoyisao</div>
                    <div class="fontclass">#icon-saoyisao</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-yaoqing"></use>
                    </svg>
                    <div class="name">yaoqing</div>
                    <div class="fontclass">#icon-yaoqing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-designer"></use>
                    </svg>
                    <div class="name">designer</div>
                    <div class="fontclass">#icon-designer</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mechanism"></use>
                    </svg>
                    <div class="name">mechanism</div>
                    <div class="fontclass">#icon-mechanism</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-my_small"></use>
                    </svg>
                    <div class="name">my_small</div>
                    <div class="fontclass">#icon-my_small</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-home_small"></use>
                    </svg>
                    <div class="name">home_small</div>
                    <div class="fontclass">#icon-home_small</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-location-"></use>
                    </svg>
                    <div class="name">location</div>
                    <div class="fontclass">#icon-location-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-dianzan-icon"></use>
                    </svg>
                    <div class="name">zan</div>
                    <div class="fontclass">#icon-dianzan-icon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fangwenliang-icon"></use>
                    </svg>
                    <div class="name">fangwenliang</div>
                    <div class="fontclass">#icon-fangwenliang-icon</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prompt_correct-"></use>
                    </svg>
                    <div class="name">prompt_correct-93</div>
                    <div class="fontclass">#icon-prompt_correct-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prompt_caveat_huabanfu"></use>
                    </svg>
                    <div class="name">prompt_caveat_画板 1 副</div>
                    <div class="fontclass">#icon-prompt_caveat_huabanfu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-prompt_error-"></use>
                    </svg>
                    <div class="name">prompt_error-92</div>
                    <div class="fontclass">#icon-prompt_error-</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-kongbaiye"></use>
                    </svg>
                    <div class="name">kongbaiye</div>
                    <div class="fontclass">#icon-kongbaiye</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-moreinfo"></use>
                    </svg>
                    <div class="name">moreinfo</div>
                    <div class="fontclass">#icon-moreinfo</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-inviteartist"></use>
                    </svg>
                    <div class="name">inviteartist</div>
                    <div class="fontclass">#icon-inviteartist</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-editD"></use>
                    </svg>
                    <div class="name">edit3D</div>
                    <div class="fontclass">#icon-editD</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-edit1"></use>
                    </svg>
                    <div class="name">edit</div>
                    <div class="fontclass">#icon-edit1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-remove"></use>
                    </svg>
                    <div class="name">remove</div>
                    <div class="fontclass">#icon-remove</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-publish"></use>
                    </svg>
                    <div class="name">publish</div>
                    <div class="fontclass">#icon-publish</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-unpublish"></use>
                    </svg>
                    <div class="name">unpublish</div>
                    <div class="fontclass">#icon-unpublish</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-addpaint"></use>
                    </svg>
                    <div class="name">addpaint</div>
                    <div class="fontclass">#icon-addpaint</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-addD"></use>
                    </svg>
                    <div class="name">add3D</div>
                    <div class="fontclass">#icon-addD</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-addvideos"></use>
                    </svg>
                    <div class="name">addvideos</div>
                    <div class="fontclass">#icon-addvideos</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-setting"></use>
                    </svg>
                    <div class="name">setting</div>
                    <div class="fontclass">#icon-setting</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-crop"></use>
                    </svg>
                    <div class="name">crop</div>
                    <div class="fontclass">#icon-crop</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-folderrename"></use>
                    </svg>
                    <div class="name">folderrename</div>
                    <div class="fontclass">#icon-folderrename</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-copyright"></use>
                    </svg>
                    <div class="name">copyright</div>
                    <div class="fontclass">#icon-copyright</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-workshare"></use>
                    </svg>
                    <div class="name">workshare</div>
                    <div class="fontclass">#icon-workshare</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-refresh"></use>
                    </svg>
                    <div class="name">refresh</div>
                    <div class="fontclass">#icon-refresh</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-movepaint"></use>
                    </svg>
                    <div class="name">movepaint</div>
                    <div class="fontclass">#icon-movepaint</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-addD1"></use>
                    </svg>
                    <div class="name">add3D2</div>
                    <div class="fontclass">#icon-addD1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-inviteartist1"></use>
                    </svg>
                    <div class="name">inviteartist2</div>
                    <div class="fontclass">#icon-inviteartist1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-addartist"></use>
                    </svg>
                    <div class="name">addartist</div>
                    <div class="fontclass">#icon-addartist</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-zhongzhi"></use>
                    </svg>
                    <div class="name">重置</div>
                    <div class="fontclass">#icon-zhongzhi</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bgmmusic"></use>
                    </svg>
                    <div class="name">音乐</div>
                    <div class="fontclass">#icon-bgmmusic</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziyuan1"></use>
                    </svg>
                    <div class="name">资源 1</div>
                    <div class="fontclass">#icon-ziyuan1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bgmbtn_playing"></use>
                    </svg>
                    <div class="name">bgmbtn_playing</div>
                    <div class="fontclass">#icon-bgmbtn_playing</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-ziyuan"></use>
                    </svg>
                    <div class="name">资源 1</div>
                    <div class="fontclass">#icon-ziyuan</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon--designpenc"></use>
                    </svg>
                    <div class="name">designcompany</div>
                    <div class="fontclass">#icon--designpenc</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-unlock"></use>
                    </svg>
                    <div class="name">unlock</div>
                    <div class="fontclass">#icon-unlock</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lock"></use>
                    </svg>
                    <div class="name">lock</div>
                    <div class="fontclass">#icon-lock</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-like"></use>
                    </svg>
                    <div class="name">like</div>
                    <div class="fontclass">#icon-like</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-lock1"></use>
                    </svg>
                    <div class="name">lock</div>
                    <div class="fontclass">#icon-lock1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-detail1"></use>
                    </svg>
                    <div class="name">detail</div>
                    <div class="fontclass">#icon-detail1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-guide"></use>
                    </svg>
                    <div class="name">guide</div>
                    <div class="fontclass">#icon-guide</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-mark"></use>
                    </svg>
                    <div class="name">mark</div>
                    <div class="fontclass">#icon-mark</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-play3"></use>
                    </svg>
                    <div class="name">play</div>
                    <div class="fontclass">#icon-play3</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-share2"></use>
                    </svg>
                    <div class="name">share</div>
                    <div class="fontclass">#icon-share2</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-pause1"></use>
                    </svg>
                    <div class="name">pause</div>
                    <div class="fontclass">#icon-pause1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-vr1"></use>
                    </svg>
                    <div class="name">vr</div>
                    <div class="fontclass">#icon-vr1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-works1"></use>
                    </svg>
                    <div class="name">works</div>
                    <div class="fontclass">#icon-works1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-videoplay"></use>
                    </svg>
                    <div class="name">videoplay</div>
                    <div class="fontclass">#icon-videoplay</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-closed"></use>
                    </svg>
                    <div class="name">close3d</div>
                    <div class="fontclass">#icon-closed</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-bigpic"></use>
                    </svg>
                    <div class="name">bigpic</div>
                    <div class="fontclass">#icon-bigpic</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-audioplay"></use>
                    </svg>
                    <div class="name">audioplay</div>
                    <div class="fontclass">#icon-audioplay</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-more"></use>
                    </svg>
                    <div class="name">more</div>
                    <div class="fontclass">#icon-more</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-followplus"></use>
                    </svg>
                    <div class="name">followplus</div>
                    <div class="fontclass">#icon-followplus</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-views"></use>
                    </svg>
                    <div class="name">views</div>
                    <div class="fontclass">#icon-views</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-backhome1"></use>
                    </svg>
                    <div class="name">backhome</div>
                    <div class="fontclass">#icon-backhome1</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-comment"></use>
                    </svg>
                    <div class="name">comment</div>
                    <div class="fontclass">#icon-comment</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-menu"></use>
                    </svg>
                    <div class="name">menu</div>
                    <div class="fontclass">#icon-menu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-closemenu"></use>
                    </svg>
                    <div class="name">closemenu</div>
                    <div class="fontclass">#icon-closemenu</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-addfolder"></use>
                    </svg>
                    <div class="name">addfolder</div>
                    <div class="fontclass">#icon-addfolder</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-folderback"></use>
                    </svg>
                    <div class="name">folderback</div>
                    <div class="fontclass">#icon-folderback</div>
                </li>
            
                <li>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-nocomment"></use>
                    </svg>
                    <div class="name">nocomment</div>
                    <div class="fontclass">#icon-nocomment</div>
                </li>
        </ul>


        <h2 id="symbol-">symbol引用</h2>
        <hr>

        <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
        这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：</p>
        <ul>
          <li>支持多色图标了，不再受单色限制。</li>
          <li>通过一些技巧，支持像字体那样，通过<code>font-size</code>,<code>color</code>来调整样式。</li>
          <li>兼容性较差，支持 ie9+,及现代浏览器。</li>
          <li>浏览器渲染svg的性能一般，还不如png。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-symbol-">第一步：引入项目下面生成的symbol代码：</h3>
        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
        <h3 id="-css-">第二步：加入通用css代码（引入一次就行）：</h3>
        <pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
   width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
   vertical-align: <span class="hljs-number">-0.15</span>em;
   fill: currentColor;
   overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
        <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
  &lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
        </span></code></pre>
    </div>
</body>
</html>
